import { createStore } from 'vuex';
// 分模块
const moduleA = {
    namespaced: true,
    state: () => {
        return {
            username: '模块a'
        }
    },
    getters: {
        changeName(state) {
            return state.username + "SIX"
        }
    }
}
const moduleB = {
    namespaced: true,
    state: () => {
        return {
            username: '模块b'
        }
    },
    getters: {
        changeName(state) {
            return state.username + "~~~"
        }
    }
}
export default createStore({
    modules: {
        //分模块
        a: moduleA,
        b: moduleB
    }
})

// 创建vuex仓库并导出
// export default createStore({
//     // state: {
//     //     // 定义数据
//     //     username: 'zhangSan'
//     // },
//     getters: {
//         // vuex的计算属性
//         newName(state) {
//             // console.log(state);
//             return state.username + "niHao";
//         }
//     },
//     mutations: {
//         // 改变数据
//         editName(state) {
//             // console.log(state);
//             state.username = 'ls'
//         }
//     },
//     actions: {
//         // 请求函数
//         updateName(ctx) {
//             // console.log(ctx);
//             // 发请求
//             setTimeout(() => {
//                 // console.log(ctx);
//                 ctx.commit('editName')
//             }, 3000)
//         }
//     },
//     modules: {
//         // 分模块
//     }
// })